.page-root{ padding:24rpx }
.page-card{ background:#fff; border-radius:12rpx; box-shadow:0 8rpx 24rpx rgba(8,28,45,0.06); overflow:hidden }
.card-header{ padding:20rpx 24rpx; border-bottom:1rpx solid #f1f5f9 }
.page-title{ font-size:28rpx; color:#0f172a }
.card-body{ padding:20rpx }
.notifications-grid{ display:flex; flex-direction:column; gap:12rpx }
.notification-card{ background:#fff; border-radius:10rpx; padding:12rpx; box-shadow:0 4rpx 12rpx rgba(8,28,45,0.04); display:flex; justify-content:space-between; align-items:center }
.notification-title{ font-size:26rpx; color:#0f172a }
.notification-body{ color:#6b7280 }
.notification-actions{ display:flex; gap:8rpx }
.btn-ghost{ background:transparent; border:1rpx solid #e6e9ee; padding:8rpx 10rpx; border-radius:8rpx }
.btn-danger{ background:#ef4444; color:#fff; padding:8rpx 10rpx; border-radius:8rpx }